<template>
  <div class="text-renderer" :style="textStyle">
    {{ content }}
  </div>
</template>

<script setup>
import { computed } from 'vue'

const props = defineProps({
  content: {
    type: String,
    default: '文本内容'
  },
  fontSize: {
    type: Number,
    default: 14
  },
  color: {
    type: String,
    default: '#333333'
  }
})

const textStyle = computed(() => ({
  fontSize: `${props.fontSize}px`,
  color: props.color
}))
</script> 